import { Paper } from "@mui/material";
import { Box } from "@mui/system";
import React from "react";

export default function MsgShower(props) {
  return (
    <Paper
      sx={{
        display: "flex",
        flexDirection: "column",
        alignItems: "center",
        width: "100%",
        // height: "100px",
        padding: "10px 0 10px 0",
        margin: "20px",
      }}
      elevation={4}
    >
      <Box sx={{ marginTop: 1 }}>{props.msg.sentence}</Box>
      {props.value != 2 && (
        <Box sx={{ marginTop: 1 }}>比较次数：{props.msg.cT}</Box>
      )}
      <Box sx={{ marginTop: 1 }}>
        {props.value == 0 || props.value == 3 ? "交换次数" : "移动次数"} ：
        {props.msg.sT}
      </Box>
      <Box sx={{ marginTop: 1 }}>总数据量：{props.msg.tot}</Box>
    </Paper>
  );
}
